<template>
   <div>
     <router-link to="/skin">
     <img src="homepage/1.gif" alt="">
     <p>首页</p>
    
     </router-link>
     <router-link to="/classify">
      <img src="homepage/2.gif" alt="">
      <p>分类</p>
     </router-link>
     <router-link to="/discount">
      <img src="homepage/3.gif" alt="">
      <p>优惠专享</p>
     </router-link>
     <router-link to="/cart">
      <img src="homepage/4.gif" alt="">
      <p>购物车</p>
      </router-link>
     <router-link to="/my">
      <img src="homepage/5.gif" alt="">
      <p>我的</p>
      </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
div{
position: fixed;
right: 0;
  bottom: 0;
  left: 0; 
  z-index: 100;
  width: 100%;
  height: 0.8rem;
  display: flex;
  background-color:white;
  justify-content: space-evenly;
  border-top: gray;
  font-size: 0.14rem;
} 
a{
  color: gray;
  display: block;
  margin-top: 0.2rem;
}
img{
  width: 0.25rem;
  height: 0.25rem;
  display: block;
  margin: auto;
}
</style>